import { Image, Button } from 'antd-mobile'
import './index.css'

const Author = ({ autPhoto, autName, isFollowed }) => {

  return (
    <div>
      <div className='author-info'>
        <div className='author-left'>
          <Image
            src={autPhoto}
            width={58}
            height={58}
            fit='cover'
            style={{ borderRadius: 29 }}
          />
          <h4>{autName}</h4>
        </div>
        <Button color='primary' fill={isFollowed ? 'outline' : 'solid'} size='mini'>
          { isFollowed ? '已关注' : '关注' }
        </Button>
      </div>
    </div>
  )
}
export default Author